<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="css/index.css" />
    <script src="js/jquery-1.12.4.js"></script>
    <script src="js/index.js"></script>
</head>

<body>
    <div name="ifraRight" id="ifraRight"></div>
    <div class="Fixed">
        <div class="header3 main">
            <div class="logoImg">
                <div class="fixedList">
                    <a href="javascript:void(0)">
                        全部分类
                    </a>
                    <div class="List">
                        <a href=""></a>
                        <div name="ifraList" id="ifraList"></div>
                    </div>
            </div>
            <img src="https://res12.iblimg.com/respc-1/resources/v4.2/css/i/logo-1.png" />
        </div>
        <div class="header3Search">
            <div>
                <input type="text" placeholder="手机" />
                <button>搜索</button>
                <div class="header3Right">
                    <a href="javascript:void(0);">登录</a>
                    <a href="register.html">注册</a>
                </div>
            </div>
        </div>
    </div>
    </div>

    <section>
        <article class="article1 main">
            <div class="article1Img">
                <img width="224" height="250" src="https://img23.iblimg.com/market-2/images/activity/105635064.jpg" />
            </div>
            <div class="article1List">
                <ul>
                    <li>
                        <a href="">
                            <img width="120px" height="120px"
                                src="https://Img.iblimg.com/photo-15/3030/1545090330_360x360.jpg" />
                        </a>
                        <p class="description">依云矿泉水500ml*24</p>
                        <p class="price">$85.00</p>
                        <p class="prePrice">参考价:$110.50</p>
                    </li>
                    <li class="Dotted"></li>
                    <li>
                        <a href="">
                            <img width="120px" height="120px"
                                src="https://img20.iblimg.com/mp-175/mp/goods/864072901_360x360.jpg" />
                        </a>
                        <p class="description">依云矿泉水500ml*24</p>
                        <p class="price">$85.00</p>
                        <p class="prePrice">参考价:$110.50</p>
                    </li>
                    <li class="Dotted"></li>
                    <li>
                        <a href="">
                            <img width="120px" height="120px"
                                src="https://Img.iblimg.com/photo-42/3020/1864326035_360x360.jpeg" />
                        </a>
                        <p class="description">依云矿泉水500ml*24</p>
                        <p class="price">$85.00</p>
                        <p class="prePrice">参考价:$110.50</p>
                    </li>
                    <li class="Dotted"></li>
                    <li>
                        <a href="">
                            <img width="120px" height="120px"
                                src="https://Img.iblimg.com/photo-25/2000/777908786_360x360.jpg" />
                        </a>
                        <p class="description">依云矿泉水500ml*24</p>
                        <p class="price">$85.00</p>
                        <p class="prePrice">参考价:$110.50</p>
                    </li>
                    <li class="Dotted"></li>
                    <li>
                        <a href="">
                            <img width="120px" height="120px"
                                src="https://Img.iblimg.com/photo-42/2000/1782888388_360x360.jpg" />
                        </a>
                        <p class="description">依云矿泉水500ml*24</p>
                        <p class="price">$85.00</p>
                        <p class="prePrice">参考价:$110.50</p>
                    </li>
                    <li class="Dotted"></li>
                    <li>
                        <a href="">
                            <img width="120px" height="120px"
                                src="https://Img.iblimg.com/photo-42/2000/1402394464_360x360.jpg" />
                        </a>
                        <p class="description">依云矿泉水500ml*24</p>
                        <p class="price">$85.00</p>
                        <p class="prePrice">参考价:$110.50</p>
                    </li>
                    <li class="Dotted"></li>
                    <li>
                        <a href="">
                            <img width="120px" height="120px"
                                src="https://Img.iblimg.com/photo-15/3030/1545090330_360x360.jpg" />
                        </a>
                        <p class="description">依云矿泉水500ml*24</p>
                        <p class="price">$85.00</p>
                        <p class="prePrice">参考价:$110.50</p>
                    </li>
                    <li class="Dotted"></li>
                    <li>
                        <a href="">
                            <img width="120px" height="120px"
                                src="https://img20.iblimg.com/mp-175/mp/goods/864072901_360x360.jpg" />
                        </a>
                        <p class="description">依云矿泉水500ml*24</p>
                        <p class="price">$85.00</p>
                        <p class="prePrice">参考价:$110.50</p>
                    </li>
                    <li class="Dotted"></li>
                    <li>
                        <a href="">
                            <img width="120px" height="120px"
                                src="https://Img.iblimg.com/photo-42/3020/1864326035_360x360.jpeg" />
                        </a>
                        <p class="description">依云矿泉水500ml*24</p>
                        <p class="price">$85.00</p>
                        <p class="prePrice">参考价:$110.50</p>
                    </li>
                    <li class="Dotted"></li>
                    <li>
                        <a href="">
                            <img width="120px" height="120px"
                                src="https://Img.iblimg.com/photo-25/2000/777908786_360x360.jpg" />
                        </a>
                        <p class="description">依云矿泉水500ml*24</p>
                        <p class="price">$85.00</p>
                        <p class="prePrice">参考价:$110.50</p>
                    </li>
                    <li class="Dotted"></li>
                    <li>
                        <a href="">
                            <img width="120px" height="120px"
                                src="https://Img.iblimg.com/photo-42/2000/1782888388_360x360.jpg" />
                        </a>
                        <p class="description">依云矿泉水500ml*24</p>
                        <p class="price">$85.00</p>
                        <p class="prePrice">参考价:$110.50</p>
                    </li>
                    <li class="Dotted"></li>
                    <li>
                        <a href="">
                            <img width="120px" height="120px"
                                src="https://Img.iblimg.com/photo-42/2000/1402394464_360x360.jpg" />
                        </a>
                        <p class="description">依云矿泉水500ml*24</p>
                        <p class="price">$85.00</p>
                        <p class="prePrice">参考价:$110.50</p>
                    </li>
                    <span class="prev"></span>
                    <span class="next"></span>
                </ul>
            </div>
        </article>
        <article class="article2 main">
            <a href="" class="article2Left">
                <div class="Img">
                    <ul>
                        <li><img width="305" height="370"
                                src="https://img22.iblimg.com/market-2/images/activity/1128648713.jpg" /></li>
                        <li><img width="305" height="370"
                                src="https://img23.iblimg.com/market-2/images/activity/604523786.jpg" /></li>
                        <li><img width="305" height="370"
                                src="https://img23.iblimg.com/market-2/images/activity/1835795440.jpg" /></li>
                    </ul>
                </div>
                <ul class="article2LeftPlay">
                    <li><span></span></li>
                    <li><span></span></li>
                    <li><span></span></li>
                </ul>
            </a>
            <div class="article2Right">
                <a href="" class="article2RightList"><img
                        src="https://img23.iblimg.com/market-2/images/activity/2008349216.jpg" alt=""></a>
                <a href="" class="article2RightList"><img
                        src="https://img23.iblimg.com/market-2/images/activity/392782.jpg" alt=""></a>
                <a href="" class="article2RightList"><img
                        src="https://img23.iblimg.com/market-2/images/activity/1091096576.jpg" alt=""></a>
                <a href="" class="article2RightList"><img
                        src="https://img22.iblimg.com/market-2/images/activity/2038696462.jpg" alt=""></a>
                <a href="" class="article2RightList"><img
                        src="https://img22.iblimg.com/market-2/images/activity/411867649.jpg" alt=""></a>
                <a href="" class="article2RightList"><img
                        src="https://img22.iblimg.com/market-2/images/activity/566804380.jpg" alt=""></a>
            </div>
        </article>
        <article class="article3 main">
            <fieldset style="text-align:center;border:none;border-top:1px solid #000000;">
                <legend>
                    <img src="//img.iblimg.com/respc-1/resources/v4.2/css/i/guess_love.jpg" />
                    <span style="font-size: 24px; margin-left:10px;">猜你喜欢</span>
                    <span style="color: #666666">Guess you like</span>
                </legend>
            </fieldset>
            <div class="article3Content">
                <!-- 1 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-23/2000/1766119337_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 2 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3020/2001415742_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 3 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/2000/1267528004_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 4 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-41/2000/1661333627_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 5 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3020/1036655433_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 6 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3020/217545374_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 7 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px" src="https://Img.iblimg.com/photo-42/3020/71008663_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 8 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3020/483840273_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 9 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3020/1453375009_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 10 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3030/681072751_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 11 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3020/1869651578_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 12 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3020/357930164_220x220.jpeg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 13 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img34.iblimg.com/goods-25/2000/2016/11/SP_2000_20000377670001_01_10009.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 14 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px" src="https://Img.iblimg.com/photo-42/3020/68568836_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 15 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3020/1946656034_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 16 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://img20.iblimg.com/mp-175/mp/goods/1635389894_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 17 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://img17.iblimg.com/mp-175/mp/goods/1365057792_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 18 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3020/786873597_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 19 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/1000/2094119190_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 20 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3020/880371788_220x220.jpeg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 21 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3030/554698835_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 22 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3020/1040973060_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 23 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3020/1961624475_220x220.jpeg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 24 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3020/1790501092_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 25 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img31.iblimg.com/goods-117/2000/2016/12/SP_2000_20001076709001_01_10009.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 26 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px" src="https://Img.iblimg.com/photo-42/3020/95629103_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 27 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px" src="https://Img.iblimg.com/photo-42//1706086554_220x220.JPG" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 28 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img.iblimg.com/photo-42/3020/366777946_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 29 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px" src="https://Img.iblimg.com/photo-42//830249295_220x220.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
                <!-- 30 -->
                <div class="article3ContentList">
                    <img width="120px" height="120px"
                        src="https://Img34.iblimg.com/goods-46/2000/2016/11/SP_2000_20000125116001_01_10009.jpg" />
                    <p class="list1">南翔 烧麦 160g</p>
                    <p class="list2"><span>￥5.8</span><a href="">收藏</a></p>
                </div>
            </div>
        </article>
    </section>
    <div name="ifraFooter" id="ifraFooter"></div>
    <div name="ifraAside" id="ifraAside"></div>
</body>

</html>
<script>
    $(function () {
        $("#ifraRight").load("header.html");
        $("#ifraFooter").load("footer.html");
        $("#ifraAside").load("asideList.html");
        $("#ifraList").load("List.html");
    })
</script>